<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>品优购商城-正品低价、品质保障、配送及时、轻松购物！</title>
  <meta name="description"
    content="品优购-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!" />
  <meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,品优购" />
  <link rel="shortcut icon" href=" favicon.ico" />
  <!-- 引入初始化样式文件 -->
  <link rel="stylesheet" href="css/base.css" />
  <!-- 引入公共样式文件 -->
  <link rel="stylesheet" href="css/common.css" />
  <!-- 引入index.css文件 -->
  <link rel="stylesheet" href="css/index.css" />
</head>

<body>
  <!-- 顶部快捷导航start -->
  <section class="shortcut">
    <div class="w">
      <div class="fl">
        <ul>
          <li>品优购欢迎您！&nbsp;</li>
          <li>
            <a href="#">请登录</a>&nbsp;<a href="register.html" class="style_red">免费注册</a>
          </li>
        </ul>
      </div>
      <div class="fr">
        <ul>
          <li><a href="#">我的订单</a></li>
          <li></li>
          <li><a href="#" class="arrow-icon">我的品优购</a></li>
          <li></li>
          <li><a href="#">品优购会员</a></li>
          <li></li>
          <li><a href="#">企业采购</a></li>
          <li></li>
          <li><a href="#" class="arrow-icon">关注品优购</a></li>
          <li></li>
          <li><a href="#" class="arrow-icon">客户服务</a></li>
          <li></li>
          <li><a href="#" class="arrow-icon">网站导航</a></li>
        </ul>
      </div>
    </div>
  </section>
  <!-- 顶部快捷导航end -->
  <!-- 头部start -->
  <header class="header w">
    <div>
      <h1 class="logo">
        <!-- 写上文字利于SEO -->
        <a href="index.html" title="品优购商城">品优购商城</a>
      </h1>
    </div>
    
    <!-- 搜索模块 -->
    <div class="search">
      <input type="search" placeholder="语言开发" />
      <button>搜索</button>
    </div>
    <!-- hotwords模块 -->
    <div class="hotwords">
      <a href="#" class="style_red">优惠购首发</a>
      <a href="#">亿元优惠</a>
      <a href="#">9.9元团购 </a>
      <a href="#">美满99减30</a>
      <a href="#">办公用品</a>
      <a href="#">电脑</a>
      <a href="#">通信</a>
    </div>
    <!-- 购物车模块 -->
    <div class="shopcar">
      我的购物车
      <span class="count">8</span>
    </div>
  </header>
  <!-- 头部end -->
  <!-- nav模块start -->
  <nav class="nav">
    <div class="w">
      <div class="dropdown fl">
        <div class="dt">全部商品分类</div>
        <div class="dd">
          <ul>
            <li><a href="#">家用电器</a></li>
            <li>
              <a href="list.html">手机</a>、<a href="#">数码</a>、<a href="">通信</a>
            </li>
            <li><a href="#">电脑</a>、<a href="#">办公</a></li>
            <li>
              <a href="#">家居</a>、<a href="#">家具</a>、<a href="#">家装</a>、<a href="#">厨具</a>
            </li>
            <li>
              <a href="#">男装</a>、<a href="#">女装</a>、<a href="#">童装</a>、<a href="#">内衣</a>
            </li>
            <li>
              <a href="#">个户化妆</a>、<a href="#">清洁用品</a>、<a href="#">宠物</a>
            </li>
            <li>
              <a href="#">鞋靴</a>、<a href="#">箱包</a>、<a href="#">珠宝</a>、<a href="#">奢侈品</a>
            </li>
            <li><a href="#">运动户外</a>、<a href="#">钟表</a></li>
            <li><a href="#">汽车</a>、<a href="#">汽车用品</a></li>
            <li><a href="#">母婴</a>、<a href="#">玩具乐器</a></li>
            <li>
              <a href="#">食品</a>、<a href="#">酒类</a>、<a href="#">生鲜</a>、<a href="#">特产</a>
            </li>
            <li><a href="#">医药保健</a></li>
            <li>
              <a href="#">图书</a>、<a href="#">音像</a>、<a href="#">电子书</a>
            </li>
            <li>
              <a href="#">彩票</a>、<a href="#">旅行</a>、<a href="#">充值</a>、<a href="#">票务</a>
            </li>
            <li>
              <a href="#">理财</a>、<a href="#">众筹</a>、<a href="#">白条</a>、<a href="#">保险</a>
            </li>
          </ul>
        </div>
      </div>
      <div class="navitems fl">
        <ul class="clearfix">
          <li><a href="#">服装城</a></li>
          <li><a href="#">美妆馆</a></li>
          <li><a href="#">传智超市</a></li>
          <li><a href="#">全球购</a></li>
          <li><a href="#">闪购</a></li>
          <li><a href="#">团购</a></li>
          <li><a href="#">拍卖</a></li>
          <li><a href="#">有趣</a></li>
        </ul>
      </div>
    </div>
  </nav>
  <!-- nav模块end -->
  <!-- 首页私有模块main start -->
  <div class="w">
    <div class="main">
      <div class="focus fl">
        <ul>
          <li>
            <a href="#"><img src="./upload/focus1.jpg" alt="" /></a>
          </li>
        </ul>
      </div>
      <div class="newsflash fr">
        <div class="news">
          <div class="news-hd">
            <h5 class="fl">品优购快报</h5>
            <a href="#" class="more fr">更多</a>
          </div>
          <div class="news-bd">
            <ul>
              <li>
                <a href="#"><strong>[重磅]</strong>备战开学季 全民半价购数码</a>
              </li>
              <li>
                <a href="#"><strong>[公告]</strong>品优稳占家电网购六成份额</a>
              </li>
              <li>
                <a href="#"><strong>[重磅]</strong>备战开学季 全民半价购数码</a>
              </li>
              <li>
                <a href="#"><strong>[重磅]</strong>备战开学季 全民半价购数码</a>
              </li>
              <li>
                <a href="#"><strong>[重磅]</strong>备战开学季 全民半价购数码</a>
              </li>
            </ul>
          </div>
        </div>
        <div class="lifeservice">
          <ul>
            <li>
              <a href="#">
                <i></i>
                <p>话费</p>
              </a>
            </li>
            <li>
              <a href="#">
                <i></i>
                <p>机票</p>
              </a>
            </li>
            <li>
              <a href="#">
                <i></i>
                <p>电影票</p>
              </a>
            </li>
            <li>
              <a href="#">
                <i></i>
                <p>游戏</p>
              </a>
            </li>
            <li>
              <a href="#">
                <i></i>
                <p>彩票</p>
              </a>
            </li>
            <li>
              <a href="#">
                <i></i>
                <p>加油卡</p>
              </a>
            </li>
            <li>
              <a href="#">
                <i></i>
                <p>酒店</p>
              </a>
            </li>
            <li>
              <a href="#">
                <i></i>
                <p>火车票</p>
              </a>
            </li>
            <li>
              <a href="#">
                <i></i>
                <p>众筹</p>
              </a>
            </li>
            <li>
              <a href="#">
                <i></i>
                <p>理财</p>
              </a>
            </li>
            <li>
              <a href="#">
                <i></i>
                <p>礼品卡</p>
              </a>
            </li>
            <li>
              <a href="#">
                <i></i>
                <p>白条</p>
              </a>
            </li>
          </ul>
        </div>
        <div class="bargain">
          <img src="./upload/bargain1.jpg" alt="" />
        </div>
      </div>
    </div>
  </div>
  <!-- 首页私有模块main end -->

  <!-- 推荐模块 start -->
  <div class="w clearfix recom">
    <div class="recom_hd fl">
      <img src="./images/recom.png" alt="今日推荐" />
    </div>
    <div class="recom_bd fl">
      <ul class="clearfix">
        <li>
          <a href="#">
            <div class="text fl">
              <h2>优质好货</h2>
              <p class="first">满300减100</p>
              <span>满500减200</span>
            </div>
            <div class="img fr">
              <img src="./upload/recom1.jpg" alt="" />
            </div>
          </a>
        </li>
        <li>
          <a href="#">
            <div class="text fl">
              <h2>品牌尾货</h2>
              <p class="first">满300减100</p>
              <span>团购低至9.9</span>
              <p class="second">团购</p>
            </div>
            <div class="img fr">
              <img src="./upload/recom2.jpg" alt="" />
            </div>
          </a>
        </li>
        <li>
          <a href="#">
            <div class="text fl">
              <h2>时尚穿搭</h2>
              <p class="first">低至3.6折</p>
              <span>暑期出游季</span>
              <p class="second">闪购</p>
            </div>
            <div class="img fr">
              <img src="./upload/recom3.jpg" alt="" />
            </div>
          </a>
        </li>
        <li>
          <a href="#">
            <div class="text fl">
              <h2>0点上新</h2>
              <p class="first">全场包邮</p>
              <span>低至1折</span>
              <p class="second">闪购</p>
            </div>
            <div class="img fr">
              <img src="./upload/recom4.jpg" alt="" />
            </div>
          </a>
        </li>
      </ul>
    </div>
  </div>
  <!-- 推荐模块 end -->
  <!-- 猜你喜欢模块start -->
  <div class="w">
    <div class="like">
      <div class="box_hd">
        <h2 class="fl">猜你喜欢</h2>
        <div class="change fr">
          <span>换一批</span>
          <i class="icon"></i>
        </div>
      </div>
      <div class="box-bd">
        <div class="like_item">
          <div class="like_img">
            <img src="./upload/likes1.png" alt="" />
          </div>
          <div class="desc">
            <p>阳光美包新款单肩包女</p>
            <p>包时尚子母包四件套女</p>
            <p class="price">¥116.00</p>
          </div>
        </div>
        <div class="like_item">
          <div class="like_img">
            <img src="./upload/likes2.png" alt="" />
          </div>
          <div class="desc">
            <p>爱仕达 30CM炒锅不粘</p>
            <p>锅NWG8330E电磁炉炒</p>
            <p class="price">¥99.00</p>
          </div>
        </div>
        <div class="like_item">
          <div class="like_img">
            <img src="./upload/likes3.png" alt="" />
          </div>
          <div class="desc">
            <p>捷波朗</p>
            <p>（jabra）BOOSI劲步</p>
            <p class="price">¥245.00</p>
          </div>
        </div>
        <div class="like_item">
          <div class="like_img">
            <img src="./upload/likes4.png" alt="" />
          </div>
          <div class="desc">
            <p>欧普</p>
            <p>JYLZ08面板灯平板灯铝</p>
            <p class="price">¥238.00</p>
          </div>
        </div>
        <div class="like_item">
          <div class="like_img">
            <img src="./upload/likes5.png" alt="" />
          </div>
          <div class="desc">
            <p>三星</p>
            <p>（G5500）移动联</p>
            <p class="price">¥649.00</p>
          </div>
        </div>
        <div class="like_item">
          <div class="like_img">
            <img src="./upload/likes6.png" alt="" />
          </div>
          <div class="desc">
            <p>韩国所望</p>
            <p>紧致湿润精华露400ml</p>
            <p class="price">¥649.00</p>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- 猜你喜欢模块end -->

  <!-- 有趣区start -->
  <div class="w">
    <div class="fun">
      <div class="fun_hd">
        <h2>传智播客 · 有趣区</h2>
      </div>
      <div class="fun_bd">
        <div class="fun_item fun_403">
          <div class="desc">
            <p>传智播客好书榜</p>
            <p>畅销推荐低至一折</p>
          </div>
          <div class="fun_img">
            <img src="./upload/fun1.png" alt="" />
          </div>
        </div>
        <div class="fun_item fun_228">
          <div class="fun_title">
            <h3>好东西</h3>
          </div>
          <div class="first fun_common">
            <div class="desc">
              <h3>达人推荐</h3>
              <p>雷神金属机械键盘</p>
              <span>与你相见恨晚</span>
            </div>
            <div class="img">
              <img src="./upload/fun2.png" alt="" />
            </div>
          </div>
          <div class="second fun_common">
            <div class="desc">
              <h3>发现好物</h3>
              <p>一不小心霸气外露</p>
              <span>等你来</span>
            </div>
            <div class="img">
              <img src="./upload/fun3.png" alt="" />
            </div>
          </div>
        </div>
        <div class="fun_item fun_406">
          <div class="fun_title">
            <h3>品牌街</h3>
          </div>
          <div class="first fun_common">
            <div class="desc">
              <h3>苏泊尔</h3>
              <p>返场大秀场</p>
              <span>爆品直降100元</span>
            </div>
            <div class="img">
              <img src="./upload/fun4.png" alt="" />
            </div>
          </div>
          <div class="second">
            <div class="left fun_common fl">
              <div class="desc">
                <h3>国际大牌</h3>
                <p>adidas</p>
                <span>部分3免1</span>
              </div>
              <div class="img">
                <img src="./upload/fun5.png" alt="" />
              </div>
            </div>
            <div class="right fun_common fl">
              <div class="desc">
                <h3>本周特卖</h3>
                <p>大牌折扣</p>
                <span>每周上新</span>
              </div>
              <div class="img">
                <img src="./upload/fun6.png" alt="" />
              </div>
            </div>
          </div>
        </div>
        <div class="fun_item fun_161">
          <img src="./upload/fun7.png" alt="" />
        </div>
      </div>
    </div>
  </div>
  <!-- 有趣区end -->

  <!-- 楼层模块制作start -->
  <div class="floor">
    <div class="jiadian w">
      <div class="box_hd">
        <h2 class="fl">家用电器</h2>
        <div class="tab_list fr">
          <ul>
            <li>
              <a href="#" class="style_red">热门</a>
            </li>
            <li>
              <a href="#">大家电</a>
            </li>
            <li>
              <a href="#">生活电器</a>
            </li>
            <li>
              <a href="#">厨房电器</a>
            </li>
            <li>
              <a href="#">个护健康</a>
            </li>
            <li>
              <a href="#">应季电器</a>
            </li>
            <li>
              <a href="#">空气/净水</a>
            </li>
            <li>
              <a href="#">新奇特</a>
            </li>
            <li>
              <a href="#">高端电器</a>
            </li>
          </ul>
        </div>
      </div>
      <div class="box_bd">
        <div class="tab_list">
          <div class="tab_list_item clearfix">
            <div class="col_210 item">
              <ul class="clearfix">
                <li><a href="#">节能补贴</a></li>
                <li><a href="#">4K电视</a></li>
                <li><a href="#">空气净化器</a></li>
                <li><a href="#">IH电饭煲</a></li>
                <li><a href="#">圆筒洗衣机</a></li>
                <li><a href="#">电热水器</a></li>
              </ul>
              <div class="text">
                <h2>三星曲面电视</h2>
                <p>抽奖送豪礼</p>
              </div>
              <div class="img">
                <img src="./upload/floor1.1.png" alt="" />
              </div>
            </div>
            <div class="col_328 item">
              <h3>烧水壶智能光控泡茶壶茶具套装 满299.00减40.00</h3>
              <div>
                <img src="./upload/floor1.2.png" alt="电热水壶" />
              </div>
              <ul class="clearfix">
                <li></li>
                <li></li>
                <li></li>
              </ul>
            </div>
            <div class="col_220 item">
              <div class="top commom">
                <div class="text">
                  <h4>没满200减20元</h4>
                  <p>烘培节1元抢购</p>
                </div>
                <div class="img">
                  <img src="./upload/floor1.3.png" alt="" />
                </div>
              </div>
              <div class="bottom commom">
                <div class="text">
                  <h4>没满200减20元</h4>
                  <p>烘培节1元抢购</p>
                </div>
                <div class="img">
                  <img src="./upload/floor1.5.png" alt="" />
                </div>
              </div>
            </div>
            <div class="col_220 center item">
              <div class="text">
                <h3 class="title">8.20彩电宅购节</h3>
                <p class="desc">65寸4K智能电视3799</p>
              </div>
              <div class="img">
                <img src="./upload/floor1.4.png" alt="" />
              </div>
            </div>
            <div class="col_220 item">
              <div class="top commom">
                <div class="text">
                  <h4>没满200减20元</h4>
                  <p>烘培节1元抢购</p>
                </div>
                <div class="img">
                  <img src="./upload/floor1.6.png" alt="" />
                </div>
              </div>
              <div class="bottom commom">
                <div class="text">
                  <h4>没满200减20元</h4>
                  <p>烘培节1元抢购</p>
                </div>
                <div class="img">
                  <img src="./upload/floor1.7.png" alt="" />
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- 楼层模块制作end -->

  <!-- 底部模板制作start -->
  <footer class="footer">
    <div class="w">
      <div class="mod_service">
        <ul class="clearfix">
          <li>
            <h5 class="icon"></h5>
            <div class="text">
              <h4>正品保障</h4>
              <p>正品保障，提供发票</p>
            </div>
          </li>
          <li>
            <h5 class="icon"></h5>
            <div class="text">
              <h4>极速物流</h4>
              <p>急速物流，急速送达</p>
            </div>
          </li>
          <li>
            <h5 class="icon"></h5>
            <div class="text">
              <h4>无忧售后</h4>
              <p>7天无理由退换货</p>
            </div>
          </li>
          <li>
            <h5 class="icon"></h5>
            <div class="text">
              <h4>特色服务</h4>
              <p>私人定制加电套餐</p>
            </div>
          </li>
          <li>
            <h5 class="icon"></h5>
            <div class="text">
              <h4>帮助中心</h4>
              <p>您的购物指南</p>
            </div>
          </li>
        </ul>
      </div>
      <div class="mod_help">
        <div class="w">
          <dl>
            <dt>购物指南</dt>
            <dd><a href="#">购物流程</a></dd>
            <dd><a href="#">会员介绍</a></dd>
            <dd><a href="#">生活旅行/团购</a></dd>
            <dd><a href="#">常见问题</a></dd>
            <dd><a href="#">大家电</a></dd>
            <dd><a href="#">联系客服</a></dd>
          </dl>
          <dl>
            <dt>售后服务</dt>
            <dd><a href="#">购物流程</a></dd>
            <dd><a href="#">会员介绍</a></dd>
            <dd><a href="#">生活旅行/团购</a></dd>
            <dd><a href="#">常见问题</a></dd>
            <dd><a href="#">大家电</a></dd>
            <dd><a href="#">联系客服</a></dd>
          </dl>
          <dl>
            <dt>购物指南</dt>
            <dd><a href="#">购物流程</a></dd>
            <dd><a href="#">会员介绍</a></dd>
            <dd><a href="#">生活旅行/团购</a></dd>
            <dd><a href="#">常见问题</a></dd>
            <dd><a href="#">大家电</a></dd>
            <dd><a href="#">联系客服</a></dd>
          </dl>
          <dl>
            <dt>购物指南</dt>
            <dd><a href="#">购物流程</a></dd>
            <dd><a href="#">会员介绍</a></dd>
            <dd><a href="#">生活旅行/团购</a></dd>
            <dd><a href="#">常见问题</a></dd>
            <dd><a href="#">大家电</a></dd>
            <dd><a href="#">联系客服</a></dd>
          </dl>
          <dl>
            <dt>购物指南</dt>
            <dd><a href="#">购物流程</a></dd>
            <dd><a href="#">会员介绍</a></dd>
            <dd><a href="#">生活旅行/团购</a></dd>
            <dd><a href="#">常见问题</a></dd>
            <dd><a href="#">大家电</a></dd>
            <dd><a href="#">联系客服</a></dd>
          </dl>
          <dl>
            <dt>购物指南</dt>
            <dd>
              <a href="#"><img src="./images/wx_03.jpg" alt="" /></a>
            </dd>
            <dd>品优客户端</dd>
          </dl>
        </div>
      </div>
      <div class="mod_copyright">
        <div class="links">
          <a href="#">关于我们</a> | <a href="#">联系我们</a> |
          <a href="#">联系客服</a> | <a href="#">商家入驻</a> |
          <a href="#">营销中心</a> | <a href="#">手机品优购</a> |
          <a href="#">友情链接</a> | <a href="#">销售联盟</a> |
          <a href="#">品优购社区</a> | <a href="#">品优购公益</a> |
          <a href="#">English Site</a> | <a href="#">Contact U</a>
        </div>
        <div class="copyright">
          地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096
          电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn<br />
          京ICP备08001421号京公网安备110108007702
        </div>
      </div>
    </div>
  </footer>
  <!-- 底部模板制作end -->
</body>

</html>